<!DOCTYPE html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>博客首页</title>
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/page/index.css" />
	<link rel="stylesheet" href="css/font-awesome.css" />
	<script src="js/index.js"></script>
</head>
<body class="body__wrap">
	<div class="header__wrap">
		<div class="w clearfix">
			<div class="search__wrap fl">
				<form class="search-form" action="#">
					<input type="text" class="search-form-input" />
					<div class="search-form-btn">
						<i class="icon-search"></i>
					</div>
				</form>
			</div>
			<div class="header-r fr">
				<div class="user-tt">
					<span>忆吉</span>
				</div>
				<div class="u-icon">
					<div class="u-icon-item">
						<div class="gb_b global-icon gb icon1"></div>
						<div class="menu__icon__wrap">
							
						</div>
					</div>
					<div class="u-icon-item">
						<div class="gb_b">
							<a href="#" class="global-icon gb icon2"></a>
						</div>
						<div class="menu__icon__wrap"></div>
					</div>
					<div class="u-icon-item">
						<div class="gb_b">
							<a href="#" class="gb"><span class="gb_user"></span></a>
						</div>
						<div class="menu__icon__wrap"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="menu__wrap">
		<div class="w menu-container">
			<div class="menu-l fl">
				<div class="menu-icon-mask menu-icon__wrap fl">
					<div class="menu-btn-line menu-l-btn-line"></div>
				</div>
				<h3 class="menu-l-tt fl text-white">文档</h3>
				<div class="slider__menu">
					<div class="slider__menu-header clearfix slider-col--hover">
						<div class="menu-btn-line slider__menu-header-icon fl"></div>
						<h3 class="fl">文档</h3>
					</div>
					<div class="slider__menu-container">
						<div class="slider-container-row">
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>文档
							</div>
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>表格
							</div>
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>幻灯片
							</div>
						</div>
						<div class="slider-container-row">
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>设置
							</div>
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>帮助和反馈
							</div>
						</div>
						<div class="slider-container-row">
							<div class="slider-container-col slider-col--hover">
								<i class="icon-th-list"></i>云端硬盘
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="menu-icon fr">
				<div class="menu-icon-mask menu-icon__wrap">
					<i class="icon icon-th-list"></i>
				</div>
				<div class="menu-icon-mask menu-icon__wrap">
					<i class="icon icon-font"></i>
				</div>
				<div class="menu-icon-mask menu-icon__wrap">
					<i class="icon icon-folder-close-alt"></i>
				</div>
				
			</div>
		</div>
	</div>
	<div class="w docs__wrap">
		<div class="wocs-item-content">
			<div class="wocs-item-header clearfix">
				<div class="wocs-item-col wocs-item-col-l">今天</div>
				<div class="wocs-item-col wocs-item-col-c">
					<div class="wocs-item-c-button">
						不限归属
						<i class="icon-caret-down"></i>
					</div>
				</div>
				<div class="wocs-item-col wocs-item-col-r">我上次打开的地方</div>
			</div>
			<div class="wocs-item-section clearfix">
				<div class="wocs-item-col wocs-item-col-l">
					<i class="icon-align-justify"></i>
					无标题文档
				</div>
				<div class="wocs-item-col wocs-item-col-c">我</div>
				<div class="wocs-item-col wocs-item-col-r">
					2015年11月11日
					<div class="fr gl_btn">
						<i></i>
					</div>
				</div>
			</div>
		</div>
		<div class="wocs-item-content">
			<div class="wocs-item-header clearfix">
				<div class="wocs-item-col wocs-item-col-l">今天</div>
				<div class="wocs-item-col wocs-item-col-c">
					<div class="wocs-item-c-button">
						不限归属
						<i class="icon-caret-down"></i>
					</div>
				</div>
				<div class="wocs-item-col wocs-item-col-r">我上次打开的地方</div>
			</div>
			<div class="wocs-item-section clearfix">
				<div class="wocs-item-col wocs-item-col-l">
					<i class="icon-align-justify"></i>
					无标题文档
				</div>
				<div class="wocs-item-col wocs-item-col-c">我</div>
				<div class="wocs-item-col wocs-item-col-r">
					2015年11月11日
				</div>
			</div>
		</div>
	</div>
</body>
</html>